<template>
	<nav class="tab">
		<tab-sub
      v-for="(item, index) of cityDatas"
      :cityInfo="item"
      :key="index"
		></tab-sub>
	</nav>
</template>

<script>
	import TabSub from './Sub';
	import cityDatas from '@/assets/data/cities';

	export default {
		name: 'Tab',
		components: {
			TabSub
		},
		data () {
			return {
				cityDatas
			}
		}
	}
</script>

<style lang="scss" scoped>
@import '@/assets/styles/mixins.scss';

.tab {
	@include flex-row;
	flex-wrap: no-wrap;
	height: .44rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
</style>







